<template>
  <div class="page-a">
     <div class="panel" @click="jumpClick('1')">
        <image src="https://www.rrjiaoyi.com/app/games/rrjyw.png" style="width: 655px;height: 400px;margin-bottom: 20px;"></image>        
        <text class="text-1">人人交易网</text>
        <text class="text-2">让人人都能参与资金管理</text>
      </div>
  </div>
</template>
<script>
export default {
  components: {},
  mounted() {
    // this.$router.push({ path: '/home'})
  },
  data () {
    return {
      tabbar: 'games',
      loading: false
    }
  },
  methods: {
    jumpClick(e) {
      switch(e) {
        case '1':
          this.$router.push(`/artcon?status=c&path=${encodeURIComponent('http://a.app.qq.com/o/simple.jsp?pkgname=com.sm.stock.smstocktrade&channel=0002160650432d595942&fromcase=60001')}`)   
          break;
        case '2':
          break;
      }
    }
  }
}
</script>
<style scoped>
  .page-a {
    background-color: #1b1a20;
    flex: 1; 
    width:750px;
  }
    .panel {
    width: 700px;
    /* height: 250px; */
    padding: 20px;
    margin-left: 25px;
    /* margin-right: 5px; */
    margin-top: 20px;
    margin-bottom: 20px;
    flex-direction: column;
    justify-content: center;
    border-width: 2px;
    border-style: solid;
    border-color: #DDDDDD;
    border-radius: 10px;
    background-color: #F5F5F5;
  }
  .text-1 {
    font-size: 36px;
    text-align: left;
    color: #333;
  }
  .text-2 {
    font-size: 28px;
    text-align: left;
    color: #777;
  }
</style>